import { SvgIcon } from '../type'

export default function Phantom(props: SvgIcon) {
  const { width = 23, height = 22 } = props
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width={width}
      height={height}
      viewBox="0 0 23 22"
      fill="none"
      className="chakra-icon"
      {...props}
    >
      <g clipPath="url(#clip0_26764_57811)">
        <path
          d="M4.49908 18.9087C6.83478 18.9087 8.59008 16.8774 9.63762 15.2723C9.51021 15.6274 9.43941 15.9825 9.43941 16.3234C9.43941 17.261 9.97735 17.9286 11.039 17.9286C12.4971 17.9286 14.0542 16.6501 14.8611 15.2723C14.8044 15.4712 14.7761 15.6558 14.7761 15.8263C14.7761 16.4797 15.1442 16.8916 15.8944 16.8916C18.2585 16.8916 20.6366 12.7012 20.6366 9.0364C20.6366 6.18123 19.1927 3.66699 15.5689 3.66699C9.19879 3.66699 2.33325 11.4512 2.33325 16.4797C2.33325 18.4541 3.39493 18.9087 4.49908 18.9087ZM13.3747 8.7239C13.3747 8.01366 13.7711 7.5165 14.3514 7.5165C14.9177 7.5165 15.3141 8.01366 15.3141 8.7239C15.3141 9.43414 14.9177 9.94549 14.3514 9.94549C13.7711 9.94549 13.3747 9.43414 13.3747 8.7239ZM16.404 8.7239C16.404 8.01366 16.8004 7.5165 17.3808 7.5165C17.947 7.5165 18.3434 8.01366 18.3434 8.7239C18.3434 9.43414 17.947 9.94549 17.3808 9.94549C16.8004 9.94549 16.404 9.43414 16.404 8.7239Z"
          fill="currentColor"
        />
      </g>
      <defs>
        <clipPath id="clip0_26764_57811">
          <rect width="18.3333" height="15.2417" fill="white" transform="translate(2.33325 3.66699)" />
        </clipPath>
      </defs>
    </svg>
  )
}
